<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" charset="utf-8" />
		<title>新闻列表</title>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/lunbo/owl.carousel.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/lunbo/owl.theme.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/lunbo/owl.transitions.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/style.css"/>
	</head>
	<body>
		<div class="posrelative">
		<div id="owl-demo" class="owl-carousel">
			<foreach name="newsRoll" item="vo">
				<a data-name="{$vo.name}" class="item" href="{:U('Index/newsdetail',array('id'=>$vo['news_id']))}"><img src="{$vo.news_img}" alt=""></a>
			</foreach>
		</div>
		<div id="owlname" class="f14 subcontrol">1</div>
		</div>
			<div class="newslist">
				<foreach name="newsList" item="vo">
					<a href="{:U('Index/newsdetail',array('id'=>$vo['id']))}">
						<div class="newsitem">
							<img src="{$vo.news_img}" data-original="__TMPL__Public/images/default_tupian1.png">
							<div class="contentbox">
								<div class="title f16 singft">{$vo.name}</div>
								<div class="detail f12 clr-subf">{$vo.news_about|msubstr=0,10,'utf-8',true}</div>
								<span class="f9 date">{$vo.create_time}</span>
							</div>
						</div>
					</a>
				</foreach>
			</div>
	</body>
	<script src="__TMPL__Public/js/jquery-1.8.3.min.js" ></script>
	<script src="__TMPL__Public/js/owl.carousel.js" ></script>
	<script src="__TMPL__Public/js/jquery.lazyload.js"></script>
	<script type="text/javascript">
		$(function(){
			$('#owl-demo').owlCarousel({
				items: 1,
				autoPlay: true
			});
			$("img").lazyload({effect: "fadeIn"});
		});
	</script>
</html>
